{% extends 'ApiCloud/Base/layout.common.html.twig' %}

{% block body %}
    {% include "ApiCloud/Base/inc.head.light.html.twig" with {title:"选择行业分类",back:1} %}
    <div class="content flex-r flex-start fs8 flex-fill">
        <div class="flex2 tac bdso">
            <div class="padt10 padb10 pos-r" :class="cur == item.id ? 'bc1 c13':''" v-for="item in cats">
                [[item.name]] <mu-ripple @click="scroll(item.id)"></mu-ripple>
            </div>
        </div>
        <div class="flex6 bc13 pad2 ofs">
            <div v-for="item,rootIndex in cats">
                <div :id="'item' + item.id" class="padt5">
                    <div class="list-style-1 mart10 marl2">[[item.name]]</div>
                    <div class="flex-r flex-start flex-wrap ">
                        <div class="bcf pad2 marr7 mart5 pos-r" v-for="row,sonIndex in item.sons">
                            <div>
                                 <img :src="picUrl(row.pic)" class="wh20-20" alt="" onerror="this.src=pic404">
                            </div>
                            <div class="tac">
                                [[row.name]]
                            </div>
                            <mu-ripple @click="goto('services',{cat1:rootIndex,cat2:sonIndex})"></mu-ripple>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

{% endblock %}

{% block myJs %}
{% endblock %}
